@import "common";
*{
    margin: 0;
    padding: 0;
}
// 关于我们about us
.about_us{
    width: 145px;
    height: 35px;
    background-color: #fff;
    border: 1px solid skyblue;
    position: relative;
    left: 430px;
    top: 20px;
    text-align: center;
    p{
        width: 100px;
        font-weight: bold;
        font-size: 20px;
        background-color: #fff;
        margin-top: -15px;
        margin-left: 23px;
        
    }
    span{
        display: inline-block;
        align-items: center;
        position: relative;
    }
}
// 三段宣传语
.mission{
    width: 900px;
    height: 320px;
    background-color: #FFF;
    margin-top: 41px;
    margin-left: 50px;
    display: flex;
    
    justify-content: space-between;
    .miss{
        display: flex;
        justify-content: center;
        width: 267px;
        height: 319px;
        background-color: rgb(242,242,242);
        flex-direction: column;
        flex-wrap: wrap;
        align-items: center;
        
        h3{
            text-align: center;
        }
        img{
            width: 125px;
            height: 125px;
        }
        p{
            text-align: justify;
            line-height: 25px;
            letter-spacing: 2px;
            color: #838383;
            padding: 1em;
            font-size: 12px;
        }
        
    }
    .miss_big{
        display: flex;
        justify-content: center;
        width: 320px;
        height: 319px;
        background-color: rgb(242,242,242);
       
        flex-direction: column;
        flex-wrap: wrap;
        align-items: center;
        img{
            width: 125px;
            height: 125px;
        }
        h3{
            text-align: center;
        }
        p{
            line-height: 25px;
            letter-spacing: 4px;
            color: #838383;
            padding: 12px 20px;
            font-size: 12px;
        }
    }

// 投资案例
.about_us{
    width: 145px;
    height: 35px;
    background-color: #fff;
    border: 1px solid skyblue;
    position: relative;
    left: 430px;
    top: 20px;
    text-align: center;
    p{
        width: 100px;
        font-weight: bold;
        font-size: 20px;
        background-color: #fff;
        margin-top: -15px;
        margin-left: 23px;
        
    }
    span{
        display: inline-block;
        align-items: center;
        position: relative;
    }
}

// 六个投资项目

}

// 六个投资项目
.invest{
    width: 900px;
    height: 600px;
    background-color: #FFF;
    margin-top: 41px;
    margin-left: 50px;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    .investment{
        display: flex;
        align-items: center;
        flex-direction: column;
        width: 295px;
        height: 295px;
        background-color: #fff;

    }
    span{
        line-height: 40px;
        font-size: 12px;
    }
    a{
        text-decoration: none;
        width: 135px;
        height: 27px;
        background-color: rgb(109,182,255);
        color: #FFF;
        text-align: center;
        line-height: 27px;
        font-weight: bold;
    }

}

// 友情链接
// 大盒子
.friend{
    width: 900px;
    height: 303px;
    background-color: #fff;
    margin-top: 41px;
    margin-left: 50px;
    box-shadow: 900px 303px rgba(0,0,0,0.8) inset;
    position: relative;
    // 三张图
    .link{
        width: 750px;
        height: 83px;
        position: relative;
        bottom: 200px;
        margin: auto;
        .link_ali{
            float: left;
            margin: 0 9px;
        }
    }
    // 两个箭头
    button{
        position: absolute;
        border: none;
        width: 38px;
        height: 70px;
        background-color: rgba(0,0,0,0.3);
    }
    .button_right{
        top: 115px;
        right: 5px;
    }
    .button_left{
        top: 115px;
        left: 5px;
    }
    // 友情链接文字link
    .link_text{
        position: relative;
        bottom: 380px;
        right: 60px;
    }
    .about_us{
        width: 145px;
        height: 35px;
        background-color: transparent;
        border: 1px solid skyblue;
        position: relative;
        left: 430px;
        top: 20px;
        text-align: center;
        p{
            position: relative;
            width: 100px;
            font-weight: bold;
            font-size: 20px;
            background-color: rgb(93,101,107);
            top: -15px;
            left: 0px;
            
        }
        span{
            display: inline-block;
            align-items: center;
            position: relative;
            top: -15px;
            left: 0px;
        }
    }
}